<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Redefine">
    <meta name="description" content="Hexo Theme Redefine">
    <meta name="author" content="Sakura">
    
    <title>
        
            基于 Gitee+Hexo 快速搭建自己的低成本博客平台 |
        
        Sakura Blog
    </title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://evan.beee.top" crossorigin>
    
<link rel="stylesheet" href="/sakura-blog/css/style.css">

    <link rel="shortcut icon" href="/sakura-blog/images/bitbug_favicon.ico">
    
<link rel="stylesheet" href="/sakura-blog/css/fontawesome.min.css">

    
<link rel="stylesheet" href="/sakura-blog/css/brands.min.css">

    
<link rel="stylesheet" href="/sakura-blog/css/solid.min.css">

    
<link rel="stylesheet" href="/sakura-blog/css/regular.min.css">

    
    
    
    
<link rel="stylesheet" href="/sakura-blog/css/css2.css">

    <script id="hexo-configurations">
    let REDEFINE = window.REDEFINE || {};
    REDEFINE.hexo_config = {"hostname":"xindong_a.gitee.io","root":"/sakura-blog/","language":"zh-CN"};
    REDEFINE.theme_config = {"toc":{"enable":true,"number":false,"expand_all":true,"init_open":true},"style":{"primary_color":"#005080","avatar":"/images/avatar.jpg","favicon":"/images/bitbug_favicon.ico","article_img_align":"center","right_side_width":"210px","content_max_width":"1000px","nav_color":{"left":"#f78736","right":"#367df7","transparency":35},"hover":{"shadow":true,"scale":false},"first_screen":{"enable":true,"background_image":{"light":"https://evan.beee.top/img/wallhaven-wqery6-light.webp","dark":"https://evan.beee.top/img/wallhaven-wqery6-dark.webp"},"title_color":{"light":"#fff","dark":"#d1d1b6"},"description":"宁静致远"},"scroll":{"progress_bar":{"enable":true},"percent":{"enable":false}}},"local_search":{"enable":false,"preload":true},"code_block":{"copy":true,"style":"mac"},"pjax":{"enable":true},"lazyload":{"enable":true},"version":"0.4.6","friend_links":{"columns":2}};
    REDEFINE.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 个月前","year":"%s 年前"};
  </script>
<meta name="generator" content="Hexo 6.3.0"></head>


<body>
<div class="progress-bar-container">
    
        <span class="scroll-progress-bar"></span>
    

    
        <span class="pjax-progress-bar"></span>
        <span class="pjax-progress-icon">
            <i class="fa-solid fa-circle-notch fa-spin"></i>
        </span>
    
</div>


<main class="page-container">

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">
    
    <div class="header-content">
        <div class="left">
            
            <a class="logo-title" href="/">
                Sakura Blog
            </a>
        </div>

        <div class="right">
            <!-- PC -->
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <!-- Menu -->
                            <a class="" 
                                href="/sakura-blog/" >
                                
                                    
                                        <i class="fa-regular fa-house"></i>
                                    
                                    首页
                                
                            </a>
                            <!-- Submenu -->
                            
                        </li>
                    
                        <li class="menu-item">
                            <!-- Menu -->
                            <a class="" 
                                href="/sakura-blog/archives" >
                                
                                    
                                        <i class="fa-regular fa-archive"></i>
                                    
                                    归档
                                
                            </a>
                            <!-- Submenu -->
                            
                        </li>
                    
                        <li class="menu-item">
                            <!-- Menu -->
                            <a class="" 
                                target="_blank" rel="noopener" href="https://status.evanluo.top/" >
                                
                                    
                                        <i class="fa-regular fa-chart-bar"></i>
                                    
                                    状态
                                
                            </a>
                            <!-- Submenu -->
                            
                        </li>
                    
                        <li class="menu-item">
                            <!-- Menu -->
                            <a class="has-dropdown" 
                                href="javascript:void(0);">
                                
                                    
                                        <i class="fa-regular fa-user"></i>
                                    
                                    关于&nbsp;<i class="fa-solid fa-chevron-down"></i>
                                
                            </a>
                            <!-- Submenu -->
                            
                                <ul class="sub-menu">
                                  
                                    <li>
                                      <a href="/sakura-blog/about">ME
                                      </a>
                                    </li>
                                  
                                    <li>
                                      <a target="_blank" rel="noopener" href="https://github.com/EvanNotFound/hexo-theme-redefine">GITHUB
                                      </a>
                                    </li>
                                  
                                    <li>
                                      <a target="_blank" rel="noopener" href="https://www.evanluo.top">BLOG
                                      </a>
                                    </li>
                                  
                                    <li>
                                      <a href="/sakura-blog/friends">FRIENDS
                                      </a>
                                    </li>
                                  
                                </ul>
                            
                        </li>
                    
                    
                </ul>
            </div>
            <!-- Mobile -->
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Mobile drawer -->
    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="" 
                       href="/sakura-blog/" >
                         
                            
                                <i class="fa-regular fa-house"></i>
                            
                            首页
                        
                    </a>
                </li>
                <!-- Submenu -->
                
            
                <li class="drawer-menu-item flex-center">
                    <a class="" 
                       href="/sakura-blog/archives" >
                         
                            
                                <i class="fa-regular fa-archive"></i>
                            
                            归档
                        
                    </a>
                </li>
                <!-- Submenu -->
                
            
                <li class="drawer-menu-item flex-center">
                    <a class="" 
                       target="_blank" rel="noopener" href="https://status.evanluo.top/" >
                         
                            
                                <i class="fa-regular fa-chart-bar"></i>
                            
                            状态
                        
                    </a>
                </li>
                <!-- Submenu -->
                
            
                <li class="drawer-menu-item flex-center">
                    <a class="has-dropdown" 
                       href="javascript:void(0);">
                        
                            
                                <i class="fa-regular fa-user"></i>
                            
                            关于&nbsp;<i class="fa-solid fa-chevron-down"></i>
                        
                    </a>
                </li>
                <!-- Submenu -->
                          
                    
                        <li class="dropdown-item flex-center">
                            <a class="dropdown-item" href="/sakura-blog/about">ME</a>
                        </li>
                    
                        <li class="dropdown-item flex-center">
                            <a class="dropdown-item" target="_blank" rel="noopener" href="https://github.com/EvanNotFound/hexo-theme-redefine">GITHUB</a>
                        </li>
                    
                        <li class="dropdown-item flex-center">
                            <a class="dropdown-item" target="_blank" rel="noopener" href="https://www.evanluo.top">BLOG</a>
                        </li>
                    
                        <li class="dropdown-item flex-center">
                            <a class="dropdown-item" href="/sakura-blog/friends">FRIENDS</a>
                        </li>
                    
                
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="fade-in-down-animation">
    <div class="post-page-container">
        <div class="article-content-container">
            <div class="article-title">
                <span class="title-hover-animation"><h1 style="font-size:2rem; font-weight: bold; margin: 10px 0;">基于 Gitee+Hexo 快速搭建自己的低成本博客平台</h1></span>
            </div>

            
                <div class="article-header">
                    <div class="avatar">
                        <img src="/sakura-blog/images/avatar.jpg">
                    </div>
                    <div class="info">
                        <div class="author">
                            <span class="name">Sakura</span>
                            
                                <span class="author-label">lol</span>
                            
                        </div>
                        <div class="meta-info">
                            <div class="article-meta-info">
    <span class="article-date article-meta-item">
        <i class="fa-regular fa-pen-fancy"></i>&nbsp;
        <span class="pc">2023-01-04 16:34:53</span>
        <span class="mobile">2023-01-04 16:34</span>
    </span>
    
    
        <span class="article-tags article-meta-item">
            <i class="fa-regular fa-tags"></i>&nbsp;
            <ul>
                
                    <li>
                        <a href="/sakura-blog/tags/git-hexo/">git,hexo</a>&nbsp;
                    </li>
                
            </ul>
        </span>
    

    
    
    
    
        <span class="article-pv article-meta-item">
            <i class="fa-regular fa-eye"></i>&nbsp;<span id="busuanzi_value_page_pv"></span>
        </span>
    
</div>

                        </div>
                    </div>
                </div>
            

            <div class="article-content markdown-body">
                <h3 id="1-前言"><a href="#1-前言" class="headerlink" title="1. 前言"></a>1. 前言</h3><hr>
<p>在开始教程之前，你可以了解一下使用gitee pages服务搭建博客有哪些好处：</p>
<ul>
<li>全是静态文件，访问速度快；</li>
<li>免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台；</li>
<li>gitee 是国内的网站，相较于 github 访问速度更快；</li>
<li>轻量!!!无需后台!!!</li>
</ul>
<h3 id="1-1-准备工作"><a href="#1-1-准备工作" class="headerlink" title="1.1  准备工作"></a>1.1  准备工作</h3><hr>
<p>开始之前,你必须已经:</p>
<ul>
<li>拥有gitee账号,并配置ssh,且开通gitee pages服务</li>
<li>已经成功安装nodejs(建议配置国内的镜像源)</li>
<li>已经安装好了git</li>
</ul>
<h3 id="2-搭建"><a href="#2-搭建" class="headerlink" title="2. 搭建"></a>2. 搭建</h3><hr>
<p>命令行界面,输入</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install -g hexo                  <span class="comment">#全局安装hexo</span></span><br></pre></td></tr></table></figure></div>

<p>进入到你准备创建项目文件的位置,右键,选择 Git Bash Here,打开Git Bash之后，输入</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo init &lt;项目名&gt;</span><br><span class="line"><span class="built_in">cd</span> &lt;项目名&gt;</span><br><span class="line">npm install                   </span><br></pre></td></tr></table></figure></div>

<p><strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/01.png" class title="This is an test image"></strong></p>
<h3 id="2-1-主题配置"><a href="#2-1-主题配置" class="headerlink" title="2.1  主题配置"></a>2.1  主题配置</h3><p>主题传送门&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&gt;<a class="link" target="_blank" rel="noopener" href="https://hexo.io/themes/">主题官网<i class="fa-solid fa-up-right-from-square"></i></a> </p>
<p>主题文件clone下来后,将其加压到这个文件目录下，并修改_config.yml这个配置文件;</p>
<p><strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/02.png" class title="This is an test image"></strong></p>
<p>该配置文件详细解释,请参考官网,传送门&#x3D;&#x3D;&#x3D;&gt;<a class="link" target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/configuration">hexo官网配置文件解析<i class="fa-solid fa-up-right-from-square"></i></a></p>
<p><strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/03.png" class title="This is an test image"></strong></p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo clean </span><br><span class="line">hexo generatee                 #生成静态网页</span><br><span class="line">hexo server &lt;-p 端口号&gt;          #启动服务, 按指定端口号启动,默认4000</span><br></pre></td></tr></table></figure></div>

<h6 id="clone的主题文件目录下，也会有个-config-yml配置文件-详解-请参考对应的主题库中的文档描述"><a href="#clone的主题文件目录下，也会有个-config-yml配置文件-详解-请参考对应的主题库中的文档描述" class="headerlink" title="clone的主题文件目录下，也会有个_config.yml配置文件, 详解,请参考对应的主题库中的文档描述"></a><strong>clone的主题文件目录下，也会有个_config.yml配置文件, 详解,请参考对应的主题库中的文档描述</strong></h6><p>启动后</p>
<p><strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/04.png" class title="This is an test image"></strong></p>
<p>恭喜，本地成功跑起来！接下来，进行gitee page服务配置</p>
<h3 id="3-Gitee-Page服务配置"><a href="#3-Gitee-Page服务配置" class="headerlink" title="3.  Gitee Page服务配置"></a>3.  Gitee Page服务配置</h3><p>​	写好的文章，怎么发布到Gitee ,并通过Gitee Page进行访问</p>
<p>​	1.先创建好自己的git仓库</p>
<p>​	2.安装自动部署发布工具,不然会报错</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-deployer-git --save</span><br></pre></td></tr></table></figure></div>

<p>​	修改_config.yml文件</p>
<p>​	配置git部署</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/10.png" class title="This is an test image"></strong></p>
<p>​	修改url，root: 默认直接是根目录下(部署后可能会css失效),so,我指定到我的博客目录下</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/11.png" class title="This is an test image"></strong></p>
<p>​	Tip: 这里建议大家先不指定，部署后，看下效果；记得每次文件更新后,记得重新部署(不要犯这种低	级错误!)</p>
<p>​	3.新建deployy.sh文件,输入代码</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo cl</span><br><span class="line">hexo g</span><br><span class="line">hexo d</span><br></pre></td></tr></table></figure></div>

<p>​	4.一键部署博客</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">sh deploy.sh</span><br></pre></td></tr></table></figure></div>

<p>​	5.开启Git Pages服务(需要实名认证审核)</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/09.png" class title="This is an test image"></strong></p>
<p>​	6.部署后访问 gitee 提供的网址</p>
<p> <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/12.png" class title="This is an test image"></strong></p>
<h3 id="4-搭建过程中的小坑"><a href="#4-搭建过程中的小坑" class="headerlink" title="4. 搭建过程中的小坑"></a>4. 搭建过程中的小坑</h3><p>​	场景描述: 使用Typora工具，编写完文档后运行项目，发现引入的图片无法打开;</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/05.png" class title="This is an test image"></strong></p>
<p>  查看源文件，发现是本地绝对路径,这不芭比Q了,</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/06.png" class title="This is an test image"></strong></p>
<p>  少侠，莫慌,解决方案来了</p>
<p>方案一</p>
<div class="highlight-container" data-rel="Bash"><figure class="iseeu highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-asset-image --save	<span class="comment"># 安装hexo插件</span></span><br></pre></td></tr></table></figure></div>

<p>   需要打开Hexo的资源文件夹(_config.yml)</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/07.png" class title="This is an test image"></strong></p>
<p>​	使用以下的语法格式，引入图片</p>
<p>  <strong><img lazyload src="/images/loading.svg" data-src="/sakura-blog/2023/01/04/%E5%9F%BA%E4%BA%8EGitee-Hexo-%E6%90%AD%E5%BB%BA%E7%9A%84%E5%8D%9A%E5%AE%A2/08.png" class title="This is an test image"></strong></p>
<p>方案二</p>
<p>​	讲图片上传到服务器(自己搭建的或oss等)，页面直接引入链接</p>

            </div>

            
                <div class="post-copyright-info">
                    <div class="article-copyright-info-container">
    <ul>
        <li>本文标题：基于 Gitee+Hexo 快速搭建自己的低成本博客平台</li>
        <li>本文作者：Sakura</li>
        <li>创建时间：2023-01-04 16:34:53</li>
        <li>
            本文链接：https://xindong_a.gitee.io/sakura-blog/2023/01/04/基于Gitee-Hexo-搭建的博客/
        </li>
        <li>
            版权声明：本博客所有文章除特别声明外，均采用 <a class="license" target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">BY-NC-SA</a> 许可协议。转载请注明出处！
        </li>
    </ul>
</div>

                </div>
            

            
                <ul class="post-tags-box">
                    
                        <li class="tag-item">
                            <a href="/sakura-blog/tags/git-hexo/">#git,hexo</a>&nbsp;
                        </li>
                    
                </ul>
            

            
                <div class="article-nav">
                    
                        <div class="article-prev">
                            <a class="prev"
                            rel="prev"
                            href="/sakura-blog/2023/01/09/%E5%87%A0%E4%B8%AA%E7%AE%80%E5%8D%95%E5%A5%BD%E7%94%A8%E7%9A%84SQL%E8%AF%AD%E6%B3%95/"
                            >
                                <span class="left arrow-icon flex-center">
                                    <i class="fa-solid fa-chevron-left"></i>
                                </span>
                                <span class="title flex-center">
                                    <span class="post-nav-title-item">几个简单好用的SQL语法</span>
                                    <span class="post-nav-item">上一篇</span>
                                </span>
                            </a>
                        </div>
                    
                    
                </div>
            

            
        </div>

        
            <div class="toc-content-container">
                <div class="post-toc-wrap">
    <div class="post-toc">
        <div style="font-size: 1.3rem;margin-top: 0; margin-bottom: 0.8rem; transition-duration: 0.1s;"><i class="fa-solid fa-list"></i> <strong>目录</strong></div>
        <ol class="nav"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-%E5%89%8D%E8%A8%80"><span class="nav-text">1. 前言</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-1-%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C"><span class="nav-text">1.1  准备工作</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-%E6%90%AD%E5%BB%BA"><span class="nav-text">2. 搭建</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-1-%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE"><span class="nav-text">2.1  主题配置</span></a><ol class="nav-child"><li class="nav-item nav-level-6"><a class="nav-link" href="#clone%E7%9A%84%E4%B8%BB%E9%A2%98%E6%96%87%E4%BB%B6%E7%9B%AE%E5%BD%95%E4%B8%8B%EF%BC%8C%E4%B9%9F%E4%BC%9A%E6%9C%89%E4%B8%AA-config-yml%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6-%E8%AF%A6%E8%A7%A3-%E8%AF%B7%E5%8F%82%E8%80%83%E5%AF%B9%E5%BA%94%E7%9A%84%E4%B8%BB%E9%A2%98%E5%BA%93%E4%B8%AD%E7%9A%84%E6%96%87%E6%A1%A3%E6%8F%8F%E8%BF%B0"><span class="nav-text">clone的主题文件目录下，也会有个_config.yml配置文件, 详解,请参考对应的主题库中的文档描述</span></a></li></ol></li></ol></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-Gitee-Page%E6%9C%8D%E5%8A%A1%E9%85%8D%E7%BD%AE"><span class="nav-text">3.  Gitee Page服务配置</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-%E6%90%AD%E5%BB%BA%E8%BF%87%E7%A8%8B%E4%B8%AD%E7%9A%84%E5%B0%8F%E5%9D%91"><span class="nav-text">4. 搭建过程中的小坑</span></a></li></ol>
    </div>
</div>
            </div>
        
    </div>
</div>


                

            </div>



        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2023</span>
              -
            
            2023&nbsp;<i class="fa-solid fa-heart icon-animate"></i>&nbsp;<a href="/">Sakura. 版权所有.</a>
        </div>
        
            <script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <div class="website-count info-item">
                
                    <span id="busuanzi_container_site_uv">
                        访问人数&nbsp;<span id="busuanzi_value_site_uv"></span>&ensp;
                    </span>
                
                
                    <span id="busuanzi_container_site_pv">
                        总访问量&nbsp;<span id="busuanzi_value_site_pv"></span>
                    </span>
                
            </div>
        
        <div class="theme-info info-item">
            由 <a target="_blank" href="https://hexo.io">Hexo</a> 驱动&nbsp;|&nbsp;主题&nbsp;<a class="theme-version" target="_blank" href="https://github.com/EvanNotFound/hexo-theme-redefine">Redefine v0.4.6</a>
        </div>
        
        
        <script async data-pjax defer>
            function odometer_init(){
                    let el = document.getElementsByClassName('odometer');
                    for (i = 0; i < el.length; i++) {
                        od = new Odometer({
                            el: el[i],
                            format: '( ddd).dd',
                            duration: 200
                        });
                    }
            }
            odometer_init();
        </script>
        <div id="start_time_div" style="display:none">
            2023/1/4 12:00:00
        </div>
        
            <div>
                博客已运行 <span class="odometer" id="runtime_days" ></span> 天 <span class="odometer" id="runtime_hours"></span> 小时 <span class="odometer" id="runtime_minutes"></span> 分钟 <span class="odometer" id="runtime_seconds"></span> 秒
            </div>
        
        
        
    </div>  
</footer>
        </div>
    </div>

    
        <div class="post-tools">
            <div class="post-tools-container">
    <ul class="tools-list">
        <!-- TOC aside toggle -->
        
            <li class="tools-item page-aside-toggle">
                <i class="fa-regular fa-outdent"></i>
            </li>
        

        <!-- go comment -->
        
    </ul>
</div>

        </div>
    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fa-solid fa-magnifying-glass-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fa-solid fa-magnifying-glass-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fa-solid fa-left-right"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fa-solid fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fa-solid fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fa-solid fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fa-solid fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>




<script src="/sakura-blog/js/utils.js"></script>

<script src="/sakura-blog/js/main.js"></script>

<script src="/sakura-blog/js/header-shrink.js"></script>

<script src="/sakura-blog/js/back2top.js"></script>

<script src="/sakura-blog/js/dark-light-toggle.js"></script>





    
<script src="/sakura-blog/js/code-copy.js"></script>




    
<script src="/sakura-blog/js/lazyload.js"></script>




    
<script src="/sakura-blog/js/runtime.js"></script>

    
<script src="/sakura-blog/js/odometer.min.js"></script>

    
<link rel="stylesheet" href="/sakura-blog/css/odometer-theme-minimal.css">



<div class="post-scripts pjax">
    
        
<script src="/sakura-blog/js/toc-toggle.js"></script>

<script src="/sakura-blog/js/libs/anime.min.js"></script>

<script src="/sakura-blog/js/toc.js"></script>

    
</div>


    
<script src="/sakura-blog/js/libs/pjax.min.js"></script>

<script>
    window.addEventListener('DOMContentLoaded', () => {
        window.pjax = new Pjax({
            selectors: [
                'head title',
                '.page-container',
                '.pjax'
            ],
            history: true,
            debug: false,
            cacheBust: false,
            timeout: 0,
            analytics: false,
            currentUrlFullReload: false,
            scrollRestoration: false,
            // scrollTo: true,
        });

        document.addEventListener('pjax:send', () => {
            REDEFINE.utils.pjaxProgressBarStart();
        });

        document.addEventListener('pjax:complete', () => {
            REDEFINE.utils.pjaxProgressBarEnd();
            window.pjax.executeScripts(document.querySelectorAll('script[data-pjax], .pjax script'));
            REDEFINE.refresh();
        });
    });
</script>



</body>
</html>
